<template>
  <Card :bordered="false" dis-hover>
    <Tabs :animated="false" type="card">
      <TabPane :label="`待核验(${total})`">
        <nocheck @getTotal="getTotal" ref="nocheck" @refresh="refresh" />
      </TabPane>
      <TabPane :label="`已核验(${total2})`">
        <checked @getTotal2="getTotal2" ref="checked" @refresh="refresh" />
      </TabPane>
    </Tabs>
  </Card>
</template>
<script>
import nocheck from "./nocheck";
import checked from "./checked";
export default {
  name: "diseasecheck",
  components: { nocheck, checked },
  data() {
    return {
      total: 0,
      total2: 0,
    };
  },
  methods: {
    getTotal(num = 0) {
      this.total = num;
    },
    getTotal2(num = 0) {
      this.total2 = num;
    },
    refresh() {
      this.$refs.nocheck.getData();
      this.$refs.checked.getData();
    },
  },
  mounted() {
    this.getTotal();
    this.getTotal2();
  },
};
</script>
<style lang="less" scoped>
.modalFoot {
  text-align: right;
  border-top: 1px solid #ddd;
  padding-top: 16px;
  margin-top: 24px;
}
</style>
